{% extends "base.html" %}
{% block scriptsrc %}
	<script type="text/javascript" src="{{STATIC_URL}}js/jquery.jeditable.js"></script>
{% endblock %}
{% block script %}
	$(".group1").colorbox({rel:'group1'});
	 $('.edit').editable('http://www.example.com/save.php');
{% endblock %}

{% block content %}
		<p><a class="group1" href="{{STATIC_URL}}image/colorbox/content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
		<p><a class="group1" href="{{STATIC_URL}}image/colorbox/content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
		<p><a class="group1" href="{{STATIC_URL}}image/colorbox/content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
		
		
		<div class="edit" id="div_1">Dolor</div>
<div class="edit_area" id="div_2">Lorem ipsum dolor sit amet, consectetuer 
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 
magna aliquam erat volutpat.</div>
{% endblock %}
